<!DOCTYPE html>
<html lang="en">
  <link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/graph/statistical.css" />
  <link rel="stylesheet" href="/css/report/report.css" />
  
  <link rel="stylesheet" href="/css/all.css" />
  <body>
  <div class="col-sm-12">
    <div class="col-sm-12 my-container">
      <#include "/commonnew/all/topbar.html" />
      <div class="left-col" role="main">
      	<div class="p-title"><span>自动生成专利报告</span></div>
	  	
	  </div>
	  <div>&nbsp</div>
	  <div>&nbsp</div>
      <div class="right-col" role="main">
        <!-- top tiles -->
        <!-- /top tiles -->
          <div class="col-md-12 col-sm-12 col-xs-12">
          		<div class='col-sm-12'>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>申请时序分析</h4>
	                    	<li class = "list-item">
	                    		<div>
									<div class = "graph-select"><input id="graph-select-1001"  type="checkbox" value="graph-1-1" /></div>
									<span id="graph-name-1001">&nbsp;申请趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-1002"  type="checkbox" value="graph-1-2" /></div>
									<span id = "graph-name-1002">&nbsp;授权趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-1003"  type="checkbox" value="graph-1-3" /></div>
									<span id="graph-name-1003">&nbsp;申请和授权趋势比较</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>国家/地区分布</h4>
	                    	<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-select-2001"  type="checkbox" value="graph-2-1" /></div>
									<span id="graph-name-2001">&nbsp;各地专利申请量分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2002"  type="checkbox" value="graph-2-2" /></div>
									<span id="graph-name-2002">&nbsp;各地专利申请年度申请趋势分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2003"  type="checkbox" value="graph-2-3" /></div>
									<span id="graph-name-2003">&nbsp;各地专利申请情况分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2004"  type="checkbox" value="graph-2-4" /></div>
									<span id="graph-name-2004">&nbsp;各受理局的年度受理趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
	 							<div>
									<div  class = "graph-select"><input id="graph-select-2005"  type="checkbox" value="graph-2-5" /></div>
									<span id="graph-name-2005">&nbsp;5大技术来源国与目标市场</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2006"  type="checkbox" value="graph-2-6" /></div>
									<span id="graph-name-2006">&nbsp;中国各省申请量（中国地图）</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2007"  type="checkbox" value="graph-2-7" /></div>
									<span id="graph-name-2007">&nbsp;专利申请量各省份分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-2008"  type="checkbox" value="graph-2-8" /></div>
									<span id="graph-name-2008">&nbsp;各省份的专利年度申请趋势</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>申请人分析</h4>
							<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-select-3001"  type="checkbox" value="graph-3-1" /></div>
									<span id="graph-name-3001">&nbsp;各企业/研发机构专利申请量分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3002"  type="checkbox" value="graph-3-2" /></div>
									<span id="graph-name-3002">&nbsp;各企业/研发机构专利申请趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3003"  type="checkbox" value="graph-3-3" /></div>
									<span id="graph-name-3003">&nbsp;各企业/研发机构的专利申请类型</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3004"  type="checkbox" value="graph-3-4" /></div>
									<span id="graph-name-3004">&nbsp;各企业/研发机构的专利法律状态</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
	 							<div>
									<div  class = "graph-select"><input id="graph-select-3005"  type="checkbox" value="graph-3-5" /></div>
									<span id="graph-name-3005">&nbsp;各企业/研发机构在5大受理局的专利申请分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3006"  type="checkbox" value="graph-3-6" /></div>
									<span id="graph-name-3006">&nbsp;申请人在各国家/地区的专利申请分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3007"  type="checkbox" value="graph-3-7" /></div>
									<span id="graph-name-3007">&nbsp;各企业/研发机构的重点技术领域分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3008"  type="checkbox" value="graph-3-8" /></div>
									<span id="graph-name-3008">&nbsp;申请人在各重点技术领域的专利分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-3009"  type="checkbox" value="graph-3-9" /></div>
									<span id="graph-name-3009">&nbsp;申请人在各重点技术领域的专利布局对比</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>发明人分析</h4>
							<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-select-4001"  type="checkbox" value="graph-4-1" /></div>
									<span id="graph-name-4001">&nbsp;各企业/研发机构专利申请量分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4002"  type="checkbox" value="graph-4-2" /></div>
									<span id="graph-name-4002">&nbsp;各企业/研发机构专利申请趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4003"  type="checkbox" value="graph-4-3" /></div>
									<span id="graph-name-4003">&nbsp;各企业/研发机构的专利申请类型</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4004"  type="checkbox" value="graph-4-4" /></div>
									<span id="graph-name-4004">&nbsp;各企业/研发机构的专利法律状态</span>
	                                <div class = "clear"></div>
								</div>
	 						</li>
							<li class = "list-item">
	 							<div>
									<div  class = "graph-select"><input id="graph-select-4005"  type="checkbox" value="graph-4-5" /></div>
									<span id="graph-name-4005">&nbsp;各企业/研发机构在5大受理局的专利申请分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-4006"  type="checkbox" value="graph-4-6" /></div>
									<span id="graph-name-4006">&nbsp;发明人在各国家/地区的专利申请分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4007"  type="checkbox" value="graph-4-7" /></div>
									<span id="graph-name-4007">&nbsp;各企业/研发机构的重点技术领域分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4008"  type="checkbox" value="graph-4-8" /></div>
									<span id="graph-name-4008">&nbsp;发明人在各重点技术领域的专利分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4009"  type="checkbox" value="graph-4-9" /></div>
									<span id="graph-name-4009">&nbsp;发明人在各重点技术领域的专利布局对比（具体问问师兄）</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-4010"  type="checkbox" value="graph-4-10" /></div>
									<span id="graph-name-4010">&nbsp;发明人外观设计分布</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>技术构成分析</h4>
							<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-select-5001"  type="checkbox" value="graph-5-1" /></div>
									<span id="graph-name-5001">&nbsp;IPC分类排名</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-5002"  type="checkbox" value="graph-5-2" /></div>
									<span id="graph-name-5002">&nbsp;IPC分类申请趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-5003"  type="checkbox" value="graph-5-3" /></div>
									<span id="graph-name-5003">&nbsp;主要技术来源国的IPC分类分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-5004"  type="checkbox" value="graph-5-4" /></div>
									<span id="graph-name-5004">&nbsp;主要受理局的IPC分类分布</span>
	                                <div class = "clear"></div>
								</div>
	 						</li>
							<li class = "list-item">
	 							<div>
									<div  class = "graph-select"><input id="graph-select-5005"  type="checkbox" value="graph-5-5" /></div>
									<span id="graph-name-5005">&nbsp;LOC分类排名</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-5006"  type="checkbox" value="graph-5-6" /></div>
									<span id="graph-name-5006">&nbsp;LOC分类申请趋势</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-5007"  type="checkbox" value="graph-5-7" /></div>
									<span id="graph-name-5007">&nbsp;专利技术生命周期</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-5008"  type="checkbox" value="graph-5-8" /></div>
									<span id="graph-name-5008">&nbsp;专利申请量对比</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-5009"  type="checkbox" value="graph-5-9" /></div>
									<span id="graph-name-5009">&nbsp;专利申请趋势对比</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-5010"  type="checkbox" value="graph-5-10" /></div>
									<span id="graph-name-5010">&nbsp;技术来源国研发优势对比</span>
	                                <div class = "clear"></div>
								</div>
							</li>
	                    </ul>
					</div>
					<div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>法律状态分析</h4>
							<li class = "list-item">
	                    		<div>
									<div  class = "graph-select"><input id="graph-select-6001"  type="checkbox" value="graph-6-1" /></div>
									<span id="graph-name-6001">&nbsp;简单法律状态</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-6002"  type="checkbox" value="graph-6-2" /></div>
									<span id="graph-name-6002">&nbsp;专利申请法律状态年度分布</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-6003"  type="checkbox" value="graph-6-3" /></div>
									<span id="graph-name-6003">&nbsp;国家/地区专利申请法律状态</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">
								<div>
									<div  class = "graph-select"><input id="graph-select-6004"  type="checkbox" value="graph-6-4" /></div>
									<span id="graph-name-6004">&nbsp;申请人专利申请法律状态</span>
	                                <div class = "clear"></div>
								</div>
	 						</li>
							<li class = "list-item">
	 							<div>
									<div  class = "graph-select"><input id="graph-select-6005"  type="checkbox" value="graph-6-5" /></div>
									<span id="graph-name-6005">&nbsp;发明人专利申请法律状态</span>
	                                <div class = "clear"></div>
								</div>
							</li>
							<li class = "list-item">	
								<div>
									<div  class = "graph-select"><input id="graph-select-6006"  type="checkbox" value="graph-6-6" /></div>
									<span id="graph-name-6006">&nbsp;技术IPC专利申请法律状态</span>
	                                <div class = "clear"></div>
								</div>
							</li>
	                    </ul>
					</div>
					<!--
	                <div class = "report-contents">
	                	<ul class="list-group">
	                    	<h4>深度分析图</h4>
							<li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-select-7001"  type="checkbox" value="graph-7-1" /></div>
									<span id="graph-name-7001">&nbsp;鱼骨图</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-select-7002"  type="checkbox" value="graph-7-2" /></div>
									<span id="graph-name-7002">&nbsp;技术功效矩阵</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-select-7003"  type="checkbox" value="graph-7-3" /></div>
									<span id="graph-name-7003">&nbsp;专利地图</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                        <li class = "list-item">
	                        	<div>
									<div  class = "graph-select"><input id="graph-select-7004"  type="checkbox" value="graph-7-4" /></div>
									<span id="graph-name-7004">&nbsp;热点图</span>
	                                <div class = "clear"></div>
								</div>
	                        </li>
	                    </ul>
					</div>
					-->
					
		        </div>
		        <div id="select-detail">
	            	<h4 style="text-align:center">已选择的分析项</h4>
	                <div class="detail-div">
	                	<ul id="show-graph-select" class="without-style">
	                    </ul>
	                </div>
	                <p class="report-button"><button id="report-btn" type="button" class="btn btn-info">生成报告</button></p>
	            </div>
   		 	</div>
  	    </div>
  	    <div>
	    	<div id="graph-hidden-1001" class="graph-hidden"></div>
	    	<div id="graph-hidden-1002" class="graph-hidden"></div>
	    	<div id="graph-hidden-1003" class="graph-hidden"></div>
	    	<div id="graph-hidden-2001" class="graph-hidden"></div>
	    	<div id="graph-hidden-2002" class="graph-hidden"></div>
	    	<div id="graph-hidden-2003" class="graph-hidden"></div>
	    	<div id="graph-hidden-2004" class="graph-hidden"></div>
	    	<div id="graph-hidden-2005" class="graph-hidden"></div>
	    	<div id="graph-hidden-2006" class="graph-hidden"></div>
	    	<div id="graph-hidden-2007" class="graph-hidden"></div>
	    	<div id="graph-hidden-2008" class="graph-hidden"></div>
	    	<div id="graph-hidden-3001" class="graph-hidden"></div>
	    	<div id="graph-hidden-3002" class="graph-hidden"></div>
	    	<div id="graph-hidden-3003" class="graph-hidden"></div>
	    	<div id="graph-hidden-3004" class="graph-hidden"></div>
	    	<div id="graph-hidden-3005" class="graph-hidden"></div>
	    	<div id="graph-hidden-3006" class="graph-hidden"></div>
	    	<div id="graph-hidden-3007" class="graph-hidden"></div>
	    	<div id="graph-hidden-3008" class="graph-hidden"></div>
	    	<div id="graph-hidden-3009" class="graph-hidden"></div>
	    	<div id="graph-hidden-4001" class="graph-hidden"></div>
	    	<div id="graph-hidden-4002" class="graph-hidden"></div>
	    	<div id="graph-hidden-4003" class="graph-hidden"></div>
	    	<div id="graph-hidden-4004" class="graph-hidden"></div>
	    	<div id="graph-hidden-4005" class="graph-hidden"></div>
	    	<div id="graph-hidden-4006" class="graph-hidden"></div>
	    	<div id="graph-hidden-4007" class="graph-hidden"></div>
	    	<div id="graph-hidden-4008" class="graph-hidden"></div>
	    	<div id="graph-hidden-4009" class="graph-hidden"></div>
	    	<div id="graph-hidden-4010" class="graph-hidden"></div>
	    	<div id="graph-hidden-5001" class="graph-hidden"></div>
	    	<div id="graph-hidden-5002" class="graph-hidden"></div>
	    	<div id="graph-hidden-5003" class="graph-hidden"></div>
	    	<div id="graph-hidden-5004" class="graph-hidden"></div>
	    	<div id="graph-hidden-5005" class="graph-hidden"></div>
	    	<div id="graph-hidden-5006" class="graph-hidden"></div>
	    	<div id="graph-hidden-5007" class="graph-hidden"></div>
	    	<div id="graph-hidden-5008" class="graph-hidden"></div>
	    	<div id="graph-hidden-5009" class="graph-hidden"></div>
	    	<div id="graph-hidden-5010" class="graph-hidden"></div>
	    	<div id="graph-hidden-5011" class="graph-hidden"></div>
	    	<div id="graph-hidden-5012" class="graph-hidden"></div>
	    	<div id="graph-hidden-6001" class="graph-hidden"></div>
	    	<div id="graph-hidden-6002" class="graph-hidden"></div>
	    	<div id="graph-hidden-6003" class="graph-hidden"></div>
	    	<div id="graph-hidden-6004" class="graph-hidden"></div>
	    	<div id="graph-hidden-6005" class="graph-hidden"></div>
	    	<div id="graph-hidden-6006" class="graph-hidden"></div>
	    </div>	
  	    	
  	    	
		<div class="modal fade" id="graph-show" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	        <div class="modal-dialog graph-dialog" >
	            <div class="modal-content graph-content">
	                <div class="modal-header">
	                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
	                    <h4 class="modal-title" id="myModalLabel">图形显现</h4>
	                </div>
	                <div class="modal-body graph-body" id="all-graphs">
	                    <div id = 'content-graph-hidden' class='show-graph' >
	                    </div>
	                    <div class="clear"></div>
	                </div>
	                <div class="modal-footer">
	                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
	                </div>
	                
	            </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
	    </div>
  	
		<div class="modal fade" id="report-download" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog graph-dialog" >
		        <div class="modal-content graph-content">
		            <div class="modal-header">
		                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
		                <h4 class="modal-title" id="myModalLabel">报告生成</h4>
		            </div>
		            <div class="modal-body graph-body">
		            	
		            	<div class="progress">
						    <div id = "show-bar" class="progress-bar" role="progressbar" aria-valuenow="60" 
						        aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
						        <span class="sr-only">20% 完成</span>
						    </div>
						</div>
		            	
		           		<div class="clear"></div>
		            </div>
		            <div class="modal-footer">
		            	<a id="download-report" href="/report/download/wordres" class="btn btn-primary disabled" role="button">下载</a>
		            	<a class="btn btn-default" role="button" data-dismiss="modal">关闭</a>
		            </div>
		            
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
  	
  	
  	</body>
    <script src="/js/packages/echarts.js"></script>
    
  <script src="/js/packages/require.js" data-main="/js/report/report"></script>
</html>